<template>
    <div>
        <router-link to="/home" id="toHome"></router-link>
        <top-bar title="登录"></top-bar>
      <div class="loginLogo">
          <img src="@/images/neitui/logo.png" alt="">
          <span>纳品网推广平台</span>
      </div>
      <ul class="loginBottons">
          <li><mu-button style="height:40px;background:#55A9FF;color:#ffffff;width:75vw;border-radius: 100px" :ripple=false :flat=true @click="getWXCode">微信登录</mu-button></li>
          <li><router-link style="height:40px;border: 1px solid #55A9FF;color:#55A9FF;width:75vw;border-radius: 100px;display:inline-block;text-align:center;line-height:40px" to="/telLogin">手机号登录</router-link></li>
      </ul>
      <router-link to=""></router-link>
    </div>
</template>

<script>
    import topBar from '@/components/common/topBar.vue'
    import request from '@/request/index.js'
    export default {
        name: "Login",
      components:{
         topBar
      },
        data() {
            return {
             
            };
        },
        methods:{
            getWXCode:function(){
                request.getWXcode(this)
            }
        },
      created(){
       
      },
      mounted(){
        if(this.$cookie.get('token')){
            document.getElementById("toHome").click();
        }else{

        }
      }
    }
</script>

<style scoped lang="scss">
  .loginLogo{
      text-align:center;
      margin-top:20vw;
      span{
          display: block;
          color:#666666;
          margin-top:10px;
          font-size:12px;
      }
      img{
          width:60px;
      }
  }
  .loginBottons{
      width:75vw;
      margin:0 auto;
      margin-top:94px;
      li{
          margin-top:19px
      }
  }
</style>
